<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SOLUTION</title>
    <link rel="stylesheet" href="../bgAll/css/common.css" type="text/css" />
    <link rel="stylesheet" href="./css/SOLUTION.css" type="text/css" />

    <link rel="stylesheet" href="../css/index.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/default.css">
    <link rel="stylesheet" href="../bgAll/css/fakeLoader.css" type="text/css" />

</head>

<body class="wrap">
<div class="fakeloader"></div>
<div class="mod-star-list">
    <div class="inner"></div>
</div>
<!-- header Start -->
<div id="header" class="mt12 clearfix" style="margin-left:10px">
    <div class="header-left">
        <a href="../MQ/index.html" class="clearfix">
            <div class="bg-next rotate5 btn"></div>
            <p>浏览下一个产品</p>
        </a>
    </div>
    <div class="header-right">
        <div class="header-open">企业级互联网架构解决方案<span style="color:#90b8f1;font-size:14px"></span>
            <p>Solution</p>
        </div>
    </div>
</div>
<div class="content" style="width: 100%;position: relative;">
    <div class="halfWidth leftWidth">
        <div class="halfLeftMain">
            <div class="halfLeftsub left800 flashFromLeft1">
                <a href="CARS.html">车联网解决方案</a>
            </div>
            <div class="halfLeftsub left800 flashFromLeft2">
                <a href="ONLINE.html">直播互动解决方案</a>
            </div>
            <div class="halfLeftsub left800 flashFromLeft3">
                <a href="EB.html">供应链电商解决方案</a>
            </div>
            <div class="halfLeftsub left800 flashFromLeft4">
                <a href="FINANCE.html">金融云解决方案</a>
            </div>
            <div class="halfLeftsub left800 flashFromLeft5">
                <a href="TRACFORM.html">物流云解决方案</a>
            </div>
            <div class="halfLeftsub left800 flashFromLeft6">
                <a href="MADE.html">制造零售业解决方案</a>
            </div>
        </div>
    </div>
    <div class="halfWidth rightWidth">
        <div class="halfRightMain">
            <div class="halfRightsub">
                <table>
                    <tr>
                        <td>
                            <div>
                                <img src="img/notgood.png" />
                                <p>弊端</p>
                            </div>
                        </td>
                        <td>
                            <div class="showTips topsAuto">
                                <div class="tip1">
                                    <p>成本高，周期长
                                        <label class="cover1"></label>
                                    </p>
                                    <p>性能不满足<label class="cover1 cover2"></label></p>
                                    <p>架构难以快速响应变化<label class="cover1 cover3"></label></p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <!--<div class="right2Center">
                    <div>
                        <img src="img/notgood.png" />
                        <p>弊端</p>
                    </div>
                    <div class="showTips">
                        <div class="tip1">
                            <p>成本高，周期长
                                <label class="cover1"></label>
                            </p>
                            <p>性能不满足<label class="cover1 cover2"></label></p>
                            <p>架构中，难以快速响应变化<label class="cover1 cover3"></label></p>
                        </div>
                    </div>
                </div>-->
            </div>
            <div class="halfRightsub">
                <table>
                    <tr>
                        <td>
                            <div>
                                <img src="img/chalange.png" />
                                <p>挑战</p>
                            </div>
                        </td>
                        <td>
                            <div class="showTips topsAuto">
                                <div class="tip1">
                                    <p>业务变化快， 需要快速支持<label class="cover1"></label></p>
                                    <p>互联网转型，打通C端<label class="cover1 cover2"></label></p>
                                    <p>大数据能力<label class="cover1 cover3"></label></p>
                                    <p>系统扩展能力<label class="cover1 cover3"></label></p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <!--<div class="right2Center">
                    <div>
                        <img src="img/chalange.png" />
                        <p>挑战</p>
                    </div>
                    <div class="showTips">
                        <div class="tip1">
                            <p>业务变化快， 需要快速支持<label class="cover1"></label></p>
                            <p>互联网转型<label class="cover1 cover2"></label></p>
                            <p>对C端打通，需要大数据和高性能<label class="cover1 cover3"></label></p>
                        </div>
                    </div>
                </div>-->
            </div>
            <div class="halfRightsub">
                <table>
                    <tr>
                        <td>
                            <div>
                                <img src="img/good.png" />
                                <p>优势</p>
                            </div>
                        </td>
                        <td>
                            <div class="showTips topsAuto">
                                <div class="tip1">
                                    <p>分布式架构高可用，稳定，可靠<label class="cover1"></label></p>
                                    <p>共享服务架构思想<label class="cover1 cover2"></label></p>
                                    <p>快速响应、敏捷迭代<label class="cover1 cover3"></label></p>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <!--<div class="right2Center">
                    <div>
                        <img src="img/good.png" />
                        <p>优势</p>
                    </div>
                    <div class="showTips">
                        <div class="tip1">
                            <p>分布式架构高可用，稳定，可靠<label class="cover1"></label></p>
                            <p>共享服务架构思想<label class="cover1 cover2"></label></p>
                            <p>快速、敏捷迭代<label class="cover1 cover3"></label></p>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
</div>
<footer class="clearfix">
    <div class="footer-left fl">
        <a href="../index.html?goods=goods3" class="back shineAction"></a>
        <div class="backText">返回主菜单</div>
    </div>
    <div class="footer-right fr">
        <a href="" class="refresh shineAction"></a>
        <div class="refreshText">刷新&nbsp;</div>
    </div>
</footer>
<script type="text/javascript" src="../bgAll/js/jquery-1.11.1.min.js"></script>
<script src="../bgAll/js/fakeLoader.min.js"></script>
<script src="../bgAll/js/common.js"></script>

<script type="text/javascript" src="../bgAll/js/waypoints.js"></script>
<script type="text/javascript" src="../bgAll/js/star.js"></script>
<script type="text/javascript">
    for(var i=1;i<8;i++){
        window.setTimeout(remove800,1000*i-100);
        var remove800 = function (){
            $('.left800').eq(0).removeClass('left800');
        }
    }
    $('.halfRightMain .showTips').fadeIn()
    var transform360Count=0;
    var rightImgs = $('.halfRightMain img');
    var transform360 = function(){
        rightImgs.removeClass().eq(transform360Count).addClass('transform360Class');
        if(transform360Count==0){
            transform360Count++;
        }else if(transform360Count==1){
            transform360Count++;
        }else{
            transform360Count=0;
        }
    }
    setInterval(transform360,1500);
    $('.halfLeftsub').on('click',function(){
        $(this).find('a').eq(0)[0].click();
    });

</script>
</body>

</html>